//vue脚手架
const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
  transpileDependencies: true,
  //直接关闭eslint检查(值可以是布尔值,也可以是waring,官方推荐warning)
  // lintOnSave: "warning",
  //配置自动打开浏览器方法1:在devServer的配置中配置
  devServer: {
    //配置项目启动以后自动打开浏览器
    open: true,
    //如果配置自动打开浏览器,请显式的设置 host地址
    host: "127.0.0.1",
    //脚手架中默认设置的端口号是8080,我们可以修改端口号
    port: 8888,

    
    //第一种配置代理的方式:简单方式:proxy的属性就是目标地址
    // proxy: "http://gmall-h5-api.atguigu.cn/",

    //第二中配置代理的方式:????????已解决
    proxy: {
      "/api1": {
        //目标接口域名
        target: "http://gmall-h5-api.atguigu.cn/",
        ///服务器接口地址
        changeOrigin: true,  //是否跨域 伪装身份 谁来请求都可以
        pathRewrite: {
          "^/api1": "",
          //代替target中的地址  /api1=http://gmall-h5-api.atguigu.cn/
        },
      },
    },
  },
 
  configureWebpack: {
    resolve: {
      alias: {
        //是把相对路径改成绝对路径
        "@assets": "@/assets",
        "@comp": "@/components",
        "@pages": "@/pages",
      },
    },
  },
})
